<template>
    <div id='buildingCard' class='buildingcard'>
        <div class="buildingcard_content">
            <div class="buildingcard_content-header">
                <div class="buildingcard_content-header-img">
                    <img :src="buildingImg">
                </div>
                <div class="buildingcard_content-header-title">幢</div>
                <div class="buildingcard_content-header-tail">6<span>户</span></div>
            </div>

            <div class="buildingcard_content-list">
                <div class="buildingcard_content-list-item">230203006009GB00031F00010000</div>
                <div class="buildingcard_content-list-item" title="建华区运建园小区105号楼00单元01层01号建华区运建园小区105号楼00单元01层01号">建华区运建园小区105号楼00单元01层01号建华区运建园小区105号楼00单元01层01号</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: '',
    props: ['buildingImg'],
    data() {
        return {
        };
    },
    components: {},
    computed: {},
    beforeMount() { },
    mounted() { },
    methods: {},
    watch: {}
}
</script>
<style lang='less' scoped>
.buildingcard {
    &_content {
        &-header {
            position: relative;
            display: flex;
            height: 48px;
            line-height: 48px;
            width: 100%;
            border-bottom: 1px solid #e9ecf2;
            user-select: none;
            &-img {
                width: 20%;
                display: flex;
                height: 48px;
                align-items: center;
                padding: 0px 6px 0 12px;
                img {
                    width: 40px;
                    height: 40px;
                }
            }
            &-title {
                width: 20%;
                font-size: 16px;
                font-weight: 800;
            }
            &-tail {
                width: 60%;
                text-align: right;
                padding: 0 20px 0 0;
                font-size: 16px;
                font-weight: 800;
            }
        }
        &-list {
            width: 100%;
            padding: 13px 20px;
            user-select: none;
            &-item {
                overflow: hidden;
                margin-top: 10px;
                font-size: 16px;
                color: #464c5b;
                white-space: nowrap;
            }
        }
    }
}
</style>